<template>
  <Swiper>
    <SwiperItem v-for="(item,index) in banners" :key="index">
      <a href="#">
        <img :src="item" alt="" @load="swiperImgLoad">
      </a>
    </SwiperItem>
  </Swiper>
</template>

<script>
    import {Swiper, SwiperItem} from "../../../components/common/swiper"

    export default {
        name: "homeSwiper",
        props: {
            banners: {
                type: Array,
                default() {
                    return []
                }
            }
        },
        components: {
            Swiper,
            SwiperItem
        },
        methods:{
            swiperImgLoad(){
                this.$emit('swiperImgLoad')
            }
        }
    }
</script>

<style scoped>

</style>
